.features{background-image:url("../imgs/webdesign.jpg");}
.detalhe_toldo{background-image:url("../imgs/detalhe.png");}
.toldo{background-image:url("../imgs/fnd_teal.png");}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}






.ul_feat{

	list-style: square;
	text-align: left;
	color: #737373;
	margin-top:7px;
	min-width: 250px;
	width: 70%;
	margin: auto;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom:solid #fff 1px;
	border-top:solid #fff 1px;
}
.ul_feat li{
	color:#fff;
	padding-bottom:8px;
		padding-top:8px;
}
object,embed{ width:100%;}

.cx3_features{ height:450px;  min-width:270px; padding-top:20px;}
.cx3_features input{ background-color:#f5f5f5;}
.video-loja{ min-width:250px; margin:auto; padding:10px; width:70%; }
.video-loja iframe{ width:100%; height:100%;  min-height:400px;}
.bx-pager{ display:none;}
.fundo_head{ background-color:#63C8D0;}
.divisor{ width:100px; margin:auto; margin-top:20px; margin-bottom:20px; height:5px;}
.icone_index{
font-size: 60px;
color: #fff;
margin-bottom: 20px;
margin-top:15px;
}
.detalhe_toldo{
height:30px;
background-repeat:repeat-x;}
.toldo{
background-color:#46BEC8;
background-attachment:fixed;
background-repeat:repeat-x;
}
.features{
background-color:transparent;
background-attachment:fixed;
background-repeat:repeat-x;
}	
.nav_itens li a{border-bottom:solid transparent 4px;}
.nav_itens li a:hover{  border-bottom:solid #fff 4px; background-color:transparent; color:#fff; padding-bottom:10px; }
.nav_itens li a i{
color: #fff;
font-size: 16px;
}
.nav_itens li:hover  i{color:#fff;}
.nav-responsivo{position:relative;
	z-index:999999999999999999999999999999999999;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	padding-bottom: 12px;

	background-color: #26A795;
	
}
.nav_itens li a{
margin-right:4px;
color: #fff;
font-size: 17px;
z-index:9999999999!important;
}
.navbar{ background-color:transparent; border:none;height:auto; }
.navbar ul li:hover{ background-color:#fff; color:#fff;}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{
background-color:transparent;}
.formuario_contato{ width:1000px; margin:auto;}
.slide .slider-text {
font-family:"Quicksand-Regular", sans-serif; 
font-size:50px;
font-weight:inherit;
position: absolute;
z-index: 9999;
text-align: center;
top: 18%;
width: 600px;  
margin-left: auto;
margin-right: auto;
left: 0;
right: 0;
}
.slider-text {visibility:hidden;}
.slider-text.active-slide {visibility: visible;}
.sub-slide{font-family: "Quicksand-Regular", sans-serif;font-size: 25px;font-weight: inherit;}
body{
margin: 0px;
padding:0px;
background-size:cover;
font-family: "ubuntu-regular",arial;
}
.fundo_fixo1{
background-repeat:no-repeat;
background-position:center;
background-image: url(imgs/loja_prlx.jpg);
background-size:100%;
background-attachment:fixed;}
.fundo{background-color: #fff; margin: 0px;
padding:0px;}
.prlx{ height:250px;}
.parallax-container{ height:340px; padding-top:100px;}
.titulo-parallax{ font-size:50px;	font-family: "Quicksand-Regular"; padding-top:20px; text-align:center; color:#FFF;}
.logo{
position: relative;
margin-top: 20px;
margin-left: 100px;
font-family: "Quicksand-Regular";
font-size: 45px;
width: 400px;
text-align: center;
}
.logo-mobile{ display:none;}
@media screen and (min-width: 769px) and (max-width: 1070px){
			.cx3_features{ height:650px;}
.formuario_contato{ width:760px; margin:auto;}
.logo{
position: relative;
margin-top: 20px;
margin-left: 50px;
font-family: "Quicksand-Regular";
font-size: 40px;
width: 300px;
text-align: center;
}
}
@media screen and (min-width: 0px) and (max-width: 768px){


.formuario_contato{ width:95%; margin:10px;}
.cx3{ box-shadow: 1px 1px 7px 1px #999; margin-bottom:20px;}
.titulo-parallax{ font-size:38px;	font-family: "Quicksand-Regular"; padding-top:20px; text-align:center; color:#FFF;}

}


@media screen and (min-width: 0px) and (max-width: 600px){

.formuario_contato{ width:95%; margin:10px;}
body{

background-position:center 80px;
background-size:100%;

}
.fundo{
background-color: #fff;}

.sub-slide{ display:none; }	
.slide .slider-text {
top: 10px;
width: 100%;
font-size:45px;
overflow:hidden;

}
.titulo-parallax{ font-size:30px;	font-family: "Quicksand-Regular"; padding-top:20px; text-align:center; color:#FFF;}
}
.icone_index{
font-size: 60px;
margin-bottom: 20px;
margin-top: 15px;
}
.icone_grande{font-size:90px; }
.vantagens{ width:250px; list-style:square; text-align:left; margin:auto; font-size:22px; padding:0px; margin-bottom:20px;}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
background-color: #4CAF50;
background-color: #DA3636;
}

@media screen and (min-width: 0px) and (max-width: 550px){
	.cx3_features{ height:auto; padding-bottom:15px;}
	.slideshow{ display:none;}
	.cx3_features{ height:auto;}
.titulo-pagina{ font-size:35px;}
.formuario_contato{ width:95%; margin:10px;}
#menu_principal{
color:#C30;
}
#botaocelular:hover  #menu_principal { color:#fff; }
.nav_itens li a:link{   padding: 15px; margin-bottom:0px;}
.nav_itens { float:none; clear:both; }
.nav_itens li { float:none; clear:both;    margin-bottom:0px; padding: 0px; }
.nav_itens li a{   padding: 15px; margin-bottom:0px; width:100%;}
.nav_itens li a:active{   color:#C30;}
nav_itens li a:hover{  padding: 0px; margin:0px; }
.nav_itens li:hover{ padding: 0px; }
.tituloindex{ margin-top:5px; margin-bottom:30px;}
.m-40,.m-30 { margin:10px;}
.slide, .bx-pager,.bx-wrapper,.parallax-container{
display:none;
}
#parallax{ display:none;}
.cx3,.formuario_contato{  margin-top:30px;
width:93%;
box-shadow: 1px 1px 7px 1px #999; 
}
.parallax-container{ height:350px; padding-top:120px;}
.logo-mobile{
display: block;
background-color: #393D40;
}
.monitores{ width:85%;}
.setas{ display:block;
-ms-transform: rotate(90deg); 
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
margin:auto;
text-align:center;
margin-bottom:15px;
margin-top:15px;
}
.margens_mobile{ margin:3px; padding:3px;}
.listagem_mobile{ font-size:17px;}
.titulo_mobile{ font-size:30px;}
}
.divisor{ width:100px; margin:auto; margin-top:20px; margin-bottom:20px; height:5px;}
